<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <meta content="telephone=no" name="format-detection" />
        <title>开启亲友圈</title>
        <link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
    </head>
    <style type="text/css">
        body{
            background-color: #F1F1F1;
        }
        .tanhao{
            width: 9rem;
            height: 9rem;
            line-height: 9rem;
            border-radius: 50%;
            background-color: #E8A38C;
            margin: 30% auto 10%;
            text-align: center;
        }
        .tanhao-img{
            height: 60%;
            margin-top: 20%;
        }
        .tips{
            text-align: center;
            font-size: 1.1rem;
            margin-bottom: 20%;
        }
        .btn-big{
            text-align: center;
            background-color: #D9543B;
            border-radius: 5px;
            font-size: 1.1rem;
            padding: 0.7rem 0;
            color: #F9EAE7;
            width: 90%;
            margin: 0 auto;
        }
    </style>
    <body>
        <form method="POST" action="">
            {{csrf_field()}}
            <div class="tanhao">
                <img class="tanhao-img" src="{{asset('/imgs/tanhao.png')}}"/>
            </div>
            <div class="tips">注意：亲友圈开启后将无法关闭！</div>
            <div id="go" class="btn-big">确定开启</div>
        </form>
    <script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
    <script type="text/javascript">
        $('#go').click(function() {
            $(this).parents('form').submit();
        })
    </script>
    </body>
</html>
